import { RouteRecordRaw } from "vue-router";
import { HOME_URL, LOGIN_URL } from "@/config";

/**
 * staticRouter (静态路由)
 */
export const staticRouter: RouteRecordRaw[] = [
  {
    path: "/",
    redirect: HOME_URL
  },
  {
    path: LOGIN_URL,
    name: "login",
    component: () => import("@/views/login/index.vue"),
    meta: {
      title: "登录"
    }
  },
  {
    path: "/layout",
    name: "layout",
    component: () => import("@/layouts/index.vue"),
    // component: () => import("@/layouts/indexAsync.vue"),
    redirect: HOME_URL,
    children: []
  },
  {
    path: "/mobile/login",
    name: "login",
    component: () => import("@/views/mobile/login/index.vue"),
    meta: {
      title: "登录"
    }
  },
  {
    path: "/mobile/home",
    name: "home2",
    component: () => import("@/views/mobile/home/index.vue"),
    meta: {
      title: "首页"
    }
  },
  {
    path: "/mobile/settle",
    name: "settle",
    component: () => import("@/views/mobile/settle/index.vue"),
    meta: {
      title: "结算"
    }
  },
  {
    path: "/mobile/orderDetail",
    name: "orderDetail",
    component: () => import("@/views/mobile/orderDetail/index.vue"),
    meta: {
      title: "订单详情"
    }
  },
  {
    path: "/mobile/comment",
    name: "comment",
    component: () => import("@/views/mobile/home/comment/index.vue"),
    meta: {
      title: "评论"
    }
  },
  {
    path: "/mobile/goodsDetail",
    name: "goodsDetail",
    component: () => import("@/views/mobile/goodsDetail/index.vue"),
    meta: {
      title: "商品详情"
    }
  }
];

/**
 * errorRouter (错误页面路由)
 */
export const errorRouter = [
  {
    path: "/403",
    name: "403",
    component: () => import("@/components/ErrorMessage/403.vue"),
    meta: {
      title: "403页面"
    }
  },
  {
    path: "/404",
    name: "404",
    component: () => import("@/components/ErrorMessage/404.vue"),
    meta: {
      title: "404页面"
    }
  },
  {
    path: "/500",
    name: "500",
    component: () => import("@/components/ErrorMessage/500.vue"),
    meta: {
      title: "500页面"
    }
  },
  // Resolve refresh page, route warnings
  {
    path: "/:pathMatch(.*)*",
    component: () => import("@/components/ErrorMessage/404.vue")
  }
];
